<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>京东(JD.COM)-网购首选-正品低价、品质保障、配送及时、轻松购物!</title>
	<meta name="description" content="京东JD.COM-专业的综合网上购物商城，销售家电、数码通讯、电脑、家居百货、服饰服装、母婴、图书、食品等数万个品牌优质商品。便捷、诚信的服务，为您提供愉悦的网上购物体验！">
	<meta name="keywords" content="京东，网上购物，网上商城，手机，笔记本，电脑，MP3，相机，数码，配件，存储卡">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
	<script src="js/jd.js"></script>
</head>
<body>
	<!-- header部分开始 -->
	<header>
		<div class="w">
			<a href="#">
				<img src="images/header.jpg" alt="">
			</a>
		</div>
	</header>
	<!-- header部分结束	 -->
	<!-- 快速导航栏部分开始 -->
	<div class="shortcut">
		<div class="w">
			<ul class="f_l city" id="city">
				<li id="mycity"><a href="#"><i class="color_f10"></i>北京</a></li>
			</ul>
			<ul class="f_r">
				<li>
				<a href="#">你好，请登录</a>
				<a href="#" class="color_f10">免费注册</a>
				</li>
				<li class="space"></li>
				<li><a href="#">我的订单</a></li>
				<li class="space"></li>
				<li><a href="#">我的京东<i></i></a></li>
				<li class="space"></li>
				<li><a href="#">京东会员</a></li>
				<li class="space"></li>
				<li><a href="#">企业采购</a></li>
				<li class="space"></li>
				<li><a href="#">客户服务<i></i></a></li>
				<li class="space"></li>
				<li><a href="#">网站导航<i></i></a></li>
				<li class="space"></li>
				<li class="mobile">
					<a href="#">手机京东
						<img src="images/mobile.png" alt="">
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 快速导航栏部分结束 -->
	<!-- logo与搜索框周围部分开始 -->
	<div class="w find">
		<div class="logo">
			<h1><a href="#"></a></h1>
		</div>
		<div class="form">
			<input type="text" id="inp1" type="text" value="小米9">
			<button><i></i></button>
		</div>
		<div class="shopCar">
			<i></i>
			<a class="">我的购物车</a>
			<span>0</span>
		</div>
		<div class="hotWords">
			
				<a href="#" class="color_f10">华为mate30</a>
				<a href="#">联想小新</a>
				<a href="#">suface3</a>
				<a href="#">园艺肥</a>
				<a href="#">京东超市</a>
				<a href="#">手套</a>
				<a href="#">折叠床</a>
				<a href="#">抽免单</a>
				<a href="#">空调</a>
		</div>
		<div class="navitems">
			<ul>
				<li><a href="#">秒杀</a><span></span></li>
				<li><a href="#">优惠券</a><span></span></li>
				<li><a href="#">闪购</a><span></span></li>
				<li><a href="#">拍卖</a><span>|</span></li>
				<li><a href="#">服装城</a><span></span></li>
				<li><a href="#">京东超市</a><span></span></li>
				<li><a href="#">生鲜</a><span></span></li>
				<li><a href="#">全球购</a><span>|</span></li>
				<li><a href="#">京东金融</a><span></span></li>
			</ul>
		</div>
		<div class="super">
		<a href="#"><img src="images/super.png" alt=""></a>
		</div>
	</div>
	<!-- logo与搜索框周围部分结束 -->
	<!-- 中间导航栏部分开始 -->
	<div class="w nav_middle">
		<div class="f_l nav_l">
			<ul>
				<li>
					<a href="#">家用电器</a>
				</li>
				<li>
					<a href="#">手机</a>/
					<a href="#">运营商</a>/
					<a href="#">数码</a>
				</li>
				<li>
					<a href="#">电脑</a>/
					<a href="#">办公</a>
				</li>
				<li>
					<a href="#">家居</a>/
					<a href="#">家具</a>/
					<a href="#">家装</a>/
					<a href="#">厨具</a>
				</li>
				<li>
					<a href="#">男装</a>/
					<a href="#">女装</a>/
					<a href="#">童装</a>/
					<a href="#">内衣</a>
				</li>
				<li>
					<a href="#">美妆个护</a>/
					<a href="#">宠物</a>
				</li>
				<li>
					<a href="#">女鞋</a>/
					<a href="#">箱包</a>/
					<a href="#">钟表</a>/
					<a href="#">珠宝</a>
				</li>
				<li>
					<a href="#">男鞋</a>/
					<a href="#">运动</a>/
					<a href="#">户外</a>
				</li>
				<li>
					<a href="#">汽车</a>/
					<a href="#">汽车用品</a>
				</li>
				<li>
					<a href="#">母婴</a>/
					<a href="#">玩具乐器</a>
				</li>
				<li>
					<a href="#">食品</a>/
					<a href="#">酒类</a>/
					<a href="#">生鲜</a>/
					<a href="#">特产</a>
				</li>
				<li>
					<a href="#">礼品鲜花</a>/
					<a href="#">农资绿植</a>
				</li>
				<li>
					<a href="#">医药保健</a>/
					<a href="#">计生情趣</a>
				</li>
				<li>
					<a href="">图书</a>/
					<a href="">音像</a>/
					<a href="">电子书</a>
				</li>
				<li>
					<a href="">机票</a>/
					<a href="">酒店</a>/
					<a href="">旅游</a>/
					<a href="">生活</a>
				</li>
				<li>
					<a href="">理财</a>/   
					<a href="">众筹</a>/   
					<a href="">白条</a>/   
					<a href="">保险</a>
				</li>
			</ul>
			<div class="ad">
				<img class="ad-l" src="images/ad-l.png" alt="">
				<div class="ad_r"></div>
			</div>
		</div>
		<div class="f_l nav_c" id="box">
			<div class="nav_t" id="inner">
				<!-- <a href="#"> -->
					<ul id="ul">
						<li><img src="images/banner.jpg" alt=""></li>
						<li><img src="images/banner2.png" alt=""></li>
						<li><img src="images/banner3.png" alt=""></li>
						<li><img src="images/banner4.png" alt=""></li>
						<li><img src="images/banner5.png" alt=""></li>
					</ul
				<!-- </a> -->
				<ol>
					<li class="current">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
				</ol>
				<div class="arr">
					<span><</span>
					<span>></span>
				</div>
			
			</div>
			<div class="f_l nav_bl">
				<a href="#"><img src="images/l.jpg" alt=""></a>
			</div>
			<div class="f_r nav_br">
				<a href="#"><img src="images/r.jpg" alt=""></a>
			</div>
		</div>
		<div class="f_r nav_r">
			<div class="login">
				<div class="login_t">
					
					Hi,欢迎来到京东！<br>
					<a href="#">登录</a>
					<a href="#">注册</a>
					<a href="#" class="login_info">
						<img src="images/no_login.jpg" alt="头像">
					</a>
				</div>
				<div class="login_b">
					<a href="#">新人福利</a>
					<a href="#">PULS会员</a>
				</div>
			</div>
			<div class="news">
				<div class="news_t">
				<a href="#">促销</a>
				<a href="#">公告</a>
				<a href="#">更多</a>
				<div></div>
				</div>
				<ul class="news_b">
					<li><a href="#">良品铺子满98减50</a></li>
					<li><a href="#">家具狂欢领券199减100</a></li>
					<li><a href="#">益生菌领券满299减120</a></li>
					<li><a href="#">家电狂欢领券188减100</a></li>
				</ul>
			</div>
			<div class="expand">
				<ul>
					<li><a href="#"><div></div><h5>话费</h5></a></li>
					<li><a href="#"><div></div><h5>机票</h5></a></li>
					<li><a href="#"><div></div><h5>酒店</h5></a></li>
					<li><a href="#"><div></div><h5>游戏</h5></a></li>
					<li><a href="#"><div></div><h5>企业购</h5></a></li>
					<li><a href="#"><div></div><h5>加油卡</h5></a></li>
					<li><a href="#"><div></div><h5>电影票</h5></a></li>
					<li><a href="#"><div></div><h5>火车票</h5></a></li>
					<li><a href="#"><div></div><h5>众筹</h5></a></li>
					<li><a href="#"><div></div><h5>理财</h5></a></li>
					<li><a href="#"><div></div><h5>礼品卡</h5></a></li>
					<li><a href="#"><div></div><h5>白条</h5></a></li>
				</ul>
			</div>
		</div>
	</div><!-- 中间导航栏部分结束 -->
	<div class="w panic"> 
		<!-- 京东秒杀模块开始 -->
		<div class="panic_t">
				<h5 class="f_l">京东秒杀</h5>
				<a href="#" class="f_l">总有你想不到的低价<span></span></a>
				<p class="f_r"><div id="time"></div> </p>
		</div>
		<div class="panic_b">
			<ul>
				<li>
					<div class="pic"><img src="images/ls_03.png" alt=""></div>
					<p>乐视（LeEco）乐Pro3双摄AI版（LEX651）4GB+32GB</p>
					<div class="price">
					<i class="price_1">&yen;</i><strong>128.00</strong>
					<i class="price_2">&yen;</i><del>149.00</del>
					</div>
				</li>
				<li>
					<div class="pic"><img src="images/ls_03.png" alt=""></div>
					<p>乐视（LeEco）乐Pro3双摄AI版（LEX651）4GB+32GB</p>
					<div class="price">
					<i class="price_1">&yen;</i><strong>128.00</strong>
					<i class="price_2">&yen;</i><del>149.00</del>
					</div>
				</li>
				<li>
					<div class="pic"><img src="images/ls_03.png" alt=""></div>
					<p>乐视（LeEco）乐Pro3双摄AI版（LEX651）4GB+32GB</p>
					<div class="price">
					<i class="price_1">&yen;</i><strong>128.00</strong>
					<i class="price_2">&yen;</i><del>149.00</del>
					</div>
				</li>
				<li>
					<div class="pic"><img src="images/ls_03.png" alt=""></div>
					<p>乐视（LeEco）乐Pro3双摄AI版（LEX651）4GB+32GB</p>
					<div class="price">
					<i class="price_1">&yen;</i><strong>128.00</strong>
					<i class="price_2">&yen;</i><del>149.00</del>
					</div>
				</li>
				<li>
					<div class="pic"><img src="images/ls_03.png" alt=""></div>
					<p>乐视（LeEco）乐Pro3双摄AI版（LEX651）4GB+32GB</p>
					<div class="price">
					<i class="price_1">&yen;</i><strong>128.00</strong>
					<i class="price_2">&yen;</i><del>149.00</del>
					</div>
				</li>
				
			</ul>
			<div class="mioasha f_r">
				<a href="#">
					<img src="images/miaosha_03.png" alt="">
					<h3>品类秒杀</h3>
					<p>智能设备大促疯狂抢</p>
				</a>
			</div>
		</div>
		<!-- 京东秒杀模块结束 -->
	</div>
	<!-- 发现好货、会买专辑、排行榜模块开始 -->
	<div class="w buy"> 
		<!--  发现好货模块开始-->
		<div class="buy_find">  
			<div class="buy_f_t buy_top">
				<h5 class="f_l">发现好货</h5>
				<p class="f_r">发现品质生活<span></span></p>
			</div>
			<div class="buy_f_items">
				<ul>
					<li>
						<a href="#">
							<p>阿迪达斯 缓震慢跑鞋</p>
							<img src="images/shose_03.png" alt="">
						</a>
					</li>

					<li>
						<a href="#">
							<p>TCL智能4K 液晶电视</p>
							<img src="images/tv_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>迪恩纪真皮小白鞋</p>
							<img src="images/white_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>迪图一字领碎花长裙</p>
							<img src="images/dress_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>乐町宽松T恤</p>
							<img src="images/tshirt_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>韩都衣舍无袖连衣裙</p>
							<img src="images/dress.png" alt="">
						</a>
					</li>
					
				</ul>
			</div>
		</div>
		<!--  发现好货模块结束-->
		<div class="buy_buy"> 
		<!-- 会买专辑模块开始 -->
			<div class="buy_top b_b_t">
				<h5 class="f_l">会买专辑</h5>
				<p class="f_r">甄选优质好物<span></span></p>
			</div>
			<div class="buy_1">
				<p>基础款T恤，拯救短粗脖</p>
				<a href="#"><img src="images/shirt01.png" alt=""></a>
				<a href="#"><img class="img2" src="images/shirt02.png" alt=""></a>
				<a href="#"><img src="images/shirt03.png" alt=""></a>
			</div>
			<div class="buy_2">
				<p>让你的小窝冷起来，1.5匹变频挂机</p>
				<a href="#"><img src="images/airc_03.png" alt=""></a>
				<a href="#"><img class="img2" src="images/airc_03.png" alt=""></a>
				<a href="#"><img src="images/airc_03.png" alt=""></a>
			</div>
		</div>
		<!-- 会买专辑模块结束 -->
		
		<div class="buy_rank">
		<!-- 排行榜模块开始 -->
			<div class="buy_r_t buy_top">
				<h5 class="f_l">排行榜</h5>
				<p class="f_r">专属你的购物指南<span></span></p>
			</div>
			<div class="rank_clas">
				<ul>
					<li><a href="#">手机通讯</a></li>
					<li><a href="#">创意礼品</a></li>
					<li><a href="#">手机保护套</a></li>
					<li><a href="#">唇部</a></li>
					<li><a href="#">糖果/巧克力</a></li>
				</ul>
			</div>
			<div class="rank_gift">	
				<ul>
					<li>
						<a href="#">
							<img src="images/01.png" alt="">
							<p>生日礼物送女友女生创意小礼品七夕</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/02.png" alt="">
							<p>插页式相册影集5寸6寸大6寸20</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/03.png" alt="">
							<p>纸器时代 水钻贴纸DIY手工相册配件</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/04.png" alt="">
							<p>【京东超市】JOB ON中邦钥匙扣圈</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/05.png" alt="">
							<p>立体 京剧脸谱冰箱贴软磁性贴 中国风</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/06.png" alt="">
							<p>【京东超市】趣玩咔咔小马可调节通电
							</p>
						</a>
					</li>
					
				</ul>
			</div>
		</div>
		<!-- 排行榜模块结束 -->
	</div> 
	<div class="w buy"> 
		<!--  发现好货模块开始-->
		<div class="buy_find flex2">  
			<div class="discount buy_top">
				<h5 class="f_l">领券中心</h5>
				<p class="f_r">前往领券中心<span></span></p>
			</div>
			<div class="buy_f_items">
				<ul>
					<li>
						<a href="#">
							<p>阿迪达斯 缓震慢跑鞋</p>
							<img src="images/shose_03.png" alt="">
						</a>
					</li>

					<li>
						<a href="#">
							<p>TCL智能4K 液晶电视</p>
							<img src="images/tv_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>迪恩纪真皮小白鞋</p>
							<img src="images/white_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>迪图一字领碎花长裙</p>
							<img src="images/dress_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>乐町宽松T恤</p>
							<img src="images/tshirt_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>韩都衣舍无袖连衣裙</p>
							<img src="images/dress.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>乐町宽松T恤</p>
							<img src="images/tshirt_03.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<p>韩都衣舍无袖连衣裙</p>
							<img src="images/dress.png" alt="">
						</a>
					</li>
					
				</ul>
			</div>
		</div>
		<!--  发现好货模块结束-->
		<div class="buy_buy flex1"> 
		<!-- 会买专辑模块开始 -->
			<div class="buy_top findme">
				<h5 class="f_l">觅me</h5>
				<p class="f_r">探索生活<span></span></p>
			</div>
			<div class="find_news">
				<a href="#" class="img">
					<img src="./images/iphon8_03.png" alt="">
				</a>
				<div>
					<h5>有人已经开始使用iPhone8了，你知道吗？</h5>
					<p>有人已经开始使用iPhone...<a href="#">查看原文&gt;</a></p>
					<p class="watch">9999+人看过</p>
				</div>
			</div>
		</div>
		<!-- 会买专辑模块结束 -->
		<!-- 排行榜模块结束 -->
	</div> 
	<!-- 发现好货、会买专辑、排行榜模块结束 -->
	<!--商品推广模块结束 -->
	<footer >
		<div class="serv">
			<div class="w">
				<ul >
					<li>
						<h5>多</h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5>快</h5>
						<p>多仓直发，极速配送</p>
					</li>
					<li>
						<h5>好</h5>
						<p>正品行货，精致服务</p>
					</li>
					<li>
						<h5>省</h5>
						<p>天天低价，畅享无忧</p>
					</li>
					
				</ul>
			</div>
		</div>
		<div class="w footer_2">
			<div class="f_l">
				<dl>
					<dt>购物指南</dt>
					<dd><a href="">购物流程</a></dd>
					<dd><a href="">会员介绍</a></dd>
					<dd><a href="">生活旅行</a></dd>
					<dd><a href="">常见问题</a></dd>
					<dd><a href="">大家电</a></dd>
					<dd><a href="">联系客服      </a></dd>
				</dl>
				<dl>
					<dt>配送方式</dt>
					<dd><a href="">上门自提</a></dd>
					<dd><a href="">211限时达</a></dd>
					<dd><a href="">配送服务查询</a></dd>
					<dd><a href="">配送费收取标准</a></dd>
					<dd><a href="">海外配送</a></dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd><a href="">货到付款</a></dd>
					<dd><a href="">在线支付</a></dd>
					<dd><a href="">分期付款</a></dd>
					<dd><a href="">邮局汇款</a></dd>
					<dd><a href="">公司转账</a></dd>
 				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd><a href="">售后政策</a></dd>
					<dd><a href="">价格保护</a></dd>
					<dd><a href="">退款说明</a></dd>
					<dd><a href="">返修/退换货</a></dd>
					<dd><a href="">取消订单</a></dd>
   				</dl>
   				<dl>
					<dt>特色服务</dt>
					<dd><a href="">夺宝岛</a></dd>
					<dd><a href="">DIY装机</a></dd>
					<dd><a href="">延保服务</a></dd>
					<dd><a href="">京东E卡</a></dd>
					<dd><a href="">京东通信</a></dd>
					<dd><a href="">京东JD+ </a></dd>
   				</dl>
			</div>
			<div class="f_r coverage">
				<h5>京东自营覆盖区</h5>
				<p>京东已向全国2661个区县提供自营配送服务，支持到货付款、POS机刷卡和售后上门服务。</p>
				<a href="#">查看详情></a>
			</div>
		</div>
		<div class="w copyright">
			<p>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">联系我们</a>
				<span>|</span>
				<a href="#">联系客服</a>
				<span>|</span>
				<a href="#">合作招商</a>
				<span>|</span>
				<a href="#">商家帮助</a>
				<span>|</span>
				<a href="#">营销中心</a>
				<span>|</span>
				<a href="#">手机京东</a>
				<span>|</span>
				<a href="#">友情链接</a>
				<span>|</span>
				<a href="#">销售联盟</a>
				<span>|</span>
				<a href="#">京东社区</a>
				<span>|</span>
				<a href="#">风险检测</a>
				<span>|</span>
				<a href="#">隐私政策</a>
				<span>|</span>
				<a href="#">京东公益</a>
				<span>|</span>
				<a href="#">Englian Site</a>
				<span>|</span>
				<a href="#">Media&IR</a>
			</p>
			<div>
				<p>
				京公网安备 11000002000088号
				<span>|</span>
				京ICP证070359号
				<span>|</span>
				互联网药品信息服务资格证编号(京)-经营性-2014-0008
				<span>|</span>
				新出发京零 字第大120007号
				</p>
				<p>
				互联网出版许可证编号新出网证(京)字150号
				<span>|</span>
				出版物经营许可证
				<span>|</span>网络文化经营许可证京网文[2014]2148-348号
				<span>|</span>
				违法和不良信息举报电话：4006561155
				</p>
				<p>Copyright © 2004 - 2017  京东JD.com 版权所有
				<span>|</span>
				消费者维权热线：4006067733经营证照
				</p>
				<p>京东旗下网站：京东支付<span>|</span>京东云</p>
			</div>
			<p class="foot_ico">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</p>
		</div>
	</footer>
	<!-- 页面底部结束 -->
</body>
</html>